﻿.bline { background-image: url(./bg/hrline.png); background-repeat: repeat-x; height: 4px; width: 100%;}
/***************************************round corner style*****************************************************/
.b1, .b2, .b3, .b4, .b5, .b6, .b7, .b8{ height: 1px;font-size: 1px;overflow: hidden;display: block;}
.b1, .b8 { margin:0px 5px;}
.b2, .b7 { margin: 0 3px;border-right: 2px solid;border-left: 2px solid;}
.b3, .b6 { margin: 0 2px;border-right: 1px solid; border-left: 1px solid;}
.b4, .b5 { margin: 0 1px;border-right: 1px solid;border-left: 1px solid;height: 2px;}
.content { border-right: 2px solid;border-left: 2px solid;overflow: hidden;}
.color1 .b2, .color1 .b3, .color1 .b4, .color1 .b5, .color1 .b6, .color1 .b7, .color1 .content {border-color: #71a4d4;}
.color1 .b1, .color1 .b8 { background: #71a4d4;}
.color1 .b2, .color1 .b3, .color1 .b4, .color1 .b5, .color1 .b6, .color1 .b7, .color1 .content {background: #71a4d4; }
/***************************************dialog view style**************************************************************/
.tipDialogView { padding-left: 12px; padding-top: 6px; padding-right: 12px; padding-bottom: 6px; overflow-y:auto;}
/***************************************mainNav tabMenu view style*****************************************************/
.mainNav {float:left; width: auto; height: auto; padding-top: 14px;}
.navUserInfo {position:absolute;right: 0px; width: auto; height: auto; padding-top: 14px; text-align: right;padding-right: 14px;}
.navUserInfo span::after{ content: "\00A0";}
.navUserInfo linkBtn { cursor: pointer; }
.tabMenuView { background-color: transparent; height: 26px; width: auto;}
.tabMenuView .tabItem{ background-image: url(./bg/tab_grace.png); background-repeat: no-repeat; width: 124px;  height: 28px; font-size: 14px; padding-top: 5px; color: #5f5f5f; cursor: pointer; text-align: center; display: inline-block;float: left;}
.tabMenuView .onFocus{ color: #0000ff;}
.tabMenuView .tabItemSelected{ background-image: url(./bg/tab_blue.png); color: #fff;  width: 128px; height: 28px; }
.tabMenuView .itemTitle{width: 95px;display: inline-block;overflow:hidden;text-overflow:ellipsis;white-space: nowrap; }
/***************************************treeMenu view style*****************************************************/
.treeMenu { height: auto; width: 100%; text-align: left; background-color: transparent;}
.treeMenu .treeMenuItem {width: 100%;height: auto;font-size: 12px;color: #5f5f5f; vertical-align: middle; display: inline-block;}
.treeMenu .treeMenuItemTitle { cursor: pointer; width: 100%; padding-top: 6px;padding-bottom: 6px;background-color: #f1f1f9;overflow: hidden;}
.treeMenu .treeMenuItemTitle img { vertical-align: middle; border: none; margin-right:2px;}
.treeMenu .treeMenuItemTitleBg {background-color: #bdcee8;; border-top: #c3d2e7 1px solid;}
.treeMenu .onFocus { color: #f06000;  background-color: #fdeba8;}
.treeMenu .onSelected {color:#0000ff; background-color: #f2f2f9;}
.treeMenu .treeMenuItem .rightFoldIco { text-align: center; vertical-align: middle; }
/***************************************data grid view style*****************************************************/
/*datagrid  div style*/
.datagrid {position:relative;background:white;margin:0px;padding:0px;border:1px inset #000000; overflow:hidden;-moz-user-select:none; width:99.3%; height:100%;}
.datagrid .titleView{width:100%;position:relative;overflow:hidden;}
.datagrid .dataView{width:100%; position:relative; overflow:hidden;}
.datagrid .vscroll{width:17px; position:absolute; top:0px; right:0px; overflow-y:scroll;}
.datagrid .vscroll div{width:1px; height:100%;}
/*datagrid table style*/
.datagrid table {table-layout:fixed;margin:0px; width:100%;}
.datagrid table td {height:20px; padding: 2px 2px 2px 2px;cursor:default;font-size:12px;font-family:verdana;text-indent:2px;border-right:1px solid buttonface;border-bottom:1px solid buttonface;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;word-break:keep-all;}
.datagrid table td .edit{width:100%; height:100%;}
.datagrid table td .edit .editstatus { border:1px solid #6d6d6d; }
/*datagrid column head style*/
.datagrid table .column {cursor:default;background-image: url(./bg/title_bg.png);background-repeat: repeat-x;border-top:1px solid #fff;border-right:1px solid #404040;border-bottom:1px solid #404040;border-left:1px solid #fff;}
.datagrid table .over {cursor:default;background:buttonface;border-top:1px solid #fff;border-right:1px solid #404040;border-bottom:1px solid #404040;border-left:1px solid #fff;}
.datagrid table .sortdown {cursor:default;background:buttonface;border-right:1px solid #ffffff;border-bottom:1px solid #ffffff;border-left:1px solid #404040;border-top:1px solid #404040;position:relative;left:1px;}
.datagrid table .firstcolumn {color:#000000;background-image: url(./bg/title_bg.png);background-repeat: repeat-x;background-size:100% 100%; background-attachment:fixed; text-indent:0px;text-align:center;border-top:1px solid #fff;border-right:1px solid #404040;border-bottom:1px solid #404040;border-left:1px solid #fff;}
.datagrid table .checkcolumn{text-align:center;}
.datagrid table .lastcolumn{cursor:default;background:buttonface;border-top:1px solid #fff;border-bottom:1px solid #404040;border-left:1px solid #fff;}
.datagrid table .btncolumn{cursor:pointer;}
/*datagrid row style*/
.datagrid table .dataover {background:#fafafa;}
.datagrid table .selectedrow {background:highlight;color:#ffffff;}
.datagrid table .lastrow{background:#ffffff;} 
.datagrid table .lastrow td{ border:none;height:20px;}
/*datagrid cell style*/
.datagrid table .btncolumn a:link { color: #0000ff; text-decoration:none;}
.datagrid table .btncolumn a:visited {color: #0000ff; text-decoration: none;}
.datagrid table .btncolumn a:hover { color: #ff7f24; text-decoration: underline;}
.datagrid table .btncolumn a:active { color: #ff7f24; text-decoration: underline;}
.datagrid table .selectedrow .btncolumn a:link { color: #ffffff; text-decoration: none;}
.datagrid table .selectedrow .btncolumn a:visited { color: #ffffff; text-decoration: none;}
/***************************************data form style*****************************************************/
.form{  background-color: #f1f1f1;}
.form .name_label{text-align: right; width: 120px;display: inline-block; font-size: 12px; color: #4a4848;}
.form .tip_label{color: #ff0000;font-size: 12px; font-weight: bold;}
.form .list_row{margin-top: 6px; vertical-align: middle;}
.form .input_style{width: 140px; height: 20px;border: 1px groove #6d6d6d;}
.form .file_input_style{width: 200px; height: 20px;}
.form .button_style{width: 120px;height: 24px;color: #6d6d6d;}
.form  #verificationCodeImg{width: 72px;height: 26px;vertical-align: middle; border: 1px solid #000;margin-left: 5px;}

/***************************************button style*****************************************************/
.linkbutton a:link { color: #0000ff; text-decoration:none;}
.linkbutton a:visited {color: #0000ff; text-decoration: none;}
.linkbutton a:hover { color: #ff7f24; text-decoration: underline;}
.linkbutton a:active { color: #ff7f24; text-decoration: underline;}
.foldBtn {background:none; cursor:pointer; vertical-align:middle; text-align: center; color: #ffffff; border: 0; font-weight: bold; font-size:16px; width: 28px; height: 24px;}
.foldBtn:hover{ background: rgba(255,255,255,0.2); }
